/*reset*/
	*{ margin: 0; padding: 0;}
	html,body{width: 100%; height:100%;overflow:hidden }
	body{font-family:Microsoft Yahei,Verdana,Geneva,sans-serif;
	background: url(../newimg/zhibobg1.jpg) no-repeat center;
	}
	body,div,form,p,img,ul,li,ol,dl,dt,dd,hr,span,s{margin:0; padding:0; border:0;}
	li{ list-style-type: none;}
	img{vertical-align:middle;}table{border-collapse:collapse;border-spacing:0;}
	i,em{ font-style:normal;} 
	a{ text-decoration: none;}
	textarea{resize: none}
	
.content{filter:alpha(opacity=90);
-moz-opacity:0.90; 
opacity:0.90; 
 height:0px;
 margin-left:320px;

}




.head{width: 100%; height: 4rem; background: url(../img/headerbg.jpg) repeat-x; }
#logo{ float: left; line-height: 55px;}
#bntkh{ float: left;line-height: 55px;}
.head_left li{float: left;  margin:0 10px;padding: 15px}
.head_left a{ color: #FFFFFF; font-size: 20px; padding-top: 20px;}
.nav_m ul{ float: right; margin-right: 10px;}
.nav_m ul li{ padding: 18px 15px;float: left; font-size: 20px; display: block;}

.nav_m ul li a{color: #FFFFFF;}
.head:after{
	content: "";
	height: 0px;
	display: block;
	clear: both;
	visibility: hidden;
}

.navleft{width: 84px;   float: left;  margin:5px;background-color:rgba(0,0,0,0.2); height: 100%;overflow: hidden;}
.navleft ul li{background: url(../newimg/navleftbg.png) no-repeat; width: 84px; height: 83px; cursor: pointer;}
.navleft ul #n2{ background-position: 0 -85px;}
.navleft ul #n3{ background-position:0 -170px;}
.navleft ul #n4{ background-position:0 -250px;}
.navleft ul #n5{ background-position:0 -340px;}
#souman{ float:left; background-color: rgb(0,0,0); height: 25px; margin-top: 5px; border: 1px solid #a67e45; width: 130px;}	
	
	.cont_center{ float: left; width: 48%;margin:5px; height:100%; }
.cont_left{ float: right;width:49.5%; height:100%}		
/*.cont_left{ width: 45%;   float: left;margin:5px; 
			background: #434343; /*filter:alpha(opacity=50); 支持 IE 浏览器-moz-opacity:0.50; /*支持 FireFox 浏览器opacity:0.50;  /*支持 Chrome, Opera, Safari 等浏览器}
			
.cont_center{width: 700px; height: 900px; float: left; 

			}*/
			
.cont_bg{width: 240px;  float: left;
			background-color:rgba(0,0,0,0.2);margin:5px; height: 100%; overflow: hidden;}
			.toupiao img{ width: 100%;}
			
.xz{ border-bottom: 2px solid #FFFFFF;}			
.djright{ float: right;}
.djright img { width: 80%;}
.typeli{ float: right;}
/*左边*/			
#video{ width: 100%; height:550px; background: #284E91;}

		#art{
			margin-top:15px;
			height:40px;
			width:100%;
			background: #1b1b1b;
			}
			#art div{
				float:left;
				width:33%;
				height:40px;
				line-height:30px;
				text-align:center;
				color:#FFFFFF;
				cursor:pointer;
				}
			#art div.arthv{
				
				color:#1c4c8c;
				}
			#art div.sug{
				background-color:#666666;
				color:#1c4c8c;
				}
			#artList{
				width:100%;
				height:250px;
				
				background-color:#3c3933;
				color: #FFFFFF;
				}	
				
				
#cehuan{width: 100%; margin-top: 10px; position: relative;}
	
.atr1cont{ padding-top:30px; width: 100%; }	
.atr1cont:after{
	content: "";
	height: 0px;
	clear: both;
	visibility: hidden;
	display: block;
}

.atr1cont p{ display: inline-block;}
.hsfont{ font-weight: bold;color:#ffc601; }
#atr11{
	overflow-x: hidden;
	overflow-y: scroll;
	height: 220px;
	width:90%;
	padding-left: 10%;
}
.jsp{ padding-left: 10px; padding-top: 30px; display: block; float: left; width: 60%;}

#atr2cont{  width: 100%;  background: url(../img/zxgg.jpg) no-repeat center; height: 230px;}			
#atr3cont{  width: 500px;margin: 0 auto; height: 185px;}	
#atr3cont img{ display: inline-block; clear: both;}
#atr3cont #text{ display: inline-block; margin-left: 20px; margin-top: 40px; height:100%;}
/*中间聊天板*/

#header_c{ width: 100%; background: #1e252f; height: 42px; color: #FFFFFF; font-size: 1.5rem; line-height: 2.6rem; }

#gdmar{ width: 80%; margin: 0 auto;}
#chatListOut{ width: 100%; height:600px;  background-color:rgba(0,0,0,0.2);
 overflow-x:hidden;
	overflow-y:auto;word-break:break-all}


.sentchat{ width: 100%; height: 190px;background: #FFFFFF; }
.chatkj{ width: 100%; height: 50px; padding-bottom: 10px;}
.chatkj p{ float: left; margin: 0 10px;}
#thView{ padding:0 15px; color: #FFFFFF; width: 80%; float: left;}
@-moz-document url-prefix(){.sentchat{height: 270px}}

/*.chatkj ul li{height: 47px; float: left; cursor: pointer; padding: 0 5px;}

.chatkj ul li img{ }*/

.chatkj  img:hover{
	padding: 2px 0 0px 0;
	transition:padding 0.1s;
	transition-timing-function:linear;
	/* Firefox 4 */
	-moz-transition:padding 0.1s;
	-moz-transition-timing-function:linear;
	/* Safari and Chrome */
	-webkit-transition:padding 0.1s;
	-webkit-transition-timing-function:linear;
	/* Opera */
	-o-transition:padding 0.1s;
	-o-transition-timing-function:linear;}
/*.chatkj ul #bq{ background: url(../newimg/bqicon1.png) no-repeat center; width: 105px;}
.chatkj ul #tp{ background: url(../newimg/bqicon2.png) no-repeat center;width: 105px;}
.chatkj ul #qc{ background: url(../newimg/bqicon3.png) no-repeat center;width: 105px;}
.chatkj ul #dz{ background: url(../newimg/bqicon4.png) no-repeat center;width: 56px;}
.chatkj ul #dd{ background: url(../newimg/bqicon5.png) no-repeat center;width: 56px;}
.chatkj ul #sh{ background: url(../newimg/bqicon6.png) no-repeat center;width: 56px;}*/

.sentbnt{ background-color: #f4c317; border: 1px solid #000000; height:50px; width: 90px;
 cursor: pointer; display: inline-block; float: left;  font-size: 30px;text-align: center; line-height: 47px;margin-top: 40px;}



.lsit{
	padding: 10px 8px;
	font-size: 11pt;
}
.chatbg{
  position: relative;
 padding: 3px 0;
  background: #FFFFFF;
  border-radius:5px;
  left: 50px;
  top:0px;
  padding: 10px;
   
 max-width: 60%;
 display: inline-block;
  
  
}



.chatbg:before{
  content:"";
  width:0px;
  height:0px;
  position: absolute;
  top:-12px;
  left:-1px;
  border-width:8px ;
  border-style:solid;
  border-color:#FFFFFF transparent transparent transparent;
  transform:rotate(160deg);
  
}

.headimg{ float: left;}
.headimg img{ width:35px; }
.headimg .listimg1{ width: 50%;}
.dialog_top{ padding-left: 50px;height: 40px;}
.dialog_top:after{
	content: "";
	height: 0;
	display: block;
	clear: both;
	visibility: hidden; height:20px;
	
}

.uname{ color: #000000; padding-top: 10px;}
.dtime{ color: #000000;}




/*右边*/

#typeList{
				width:100%;
				height:700px;
				overflow-x:hidden;
				overflow-y:auto;
				background-color:rgba(0,0,0,0.2);
				color: #FFFFFF;cursor:pointer;
				z-index: -10px;
				}		
.mantype{
			
			height:40px;
			width:100%;
			background: #2d2d2e;
			padding-left: 10px;
			}
			.mantype div{
				float:left;
				
				height:40px;
				line-height:30px;
				
				color:#FFFFFF;
				cursor:pointer;
				line-height: 40px;
				}
			.mantype div.arthv{
				
				color:#1c4c8c;
				}
			.mantype div.sug{
				background-color:#666666;
				color:#1c4c8c;
				}
			

.head_r{ width: 100%; background: #1f1f1f; 
height: 40px; color: #FFFFFF; text-align: center; font-size: 20px; line-height: 30px;}


#tou1 ul li{ float: left; width: 33%; cursor: pointer;}
#tou1 ul li:hover{ background: #1F1F1F;}
#tou2 ul li{ float: left; color: #FFFFFF;height: 40px; width: 33%; text-align: center; line-height: 3.5em;font-size:80%; font-weight: bold;overflow: hidden; }
#tou2 ul li:hover{
line-height: 1.5em;

transition:line-height 0.1s;
transition-timing-function:linear;
/* Firefox 4 */
-moz-transition:line-height 0.1s;
-moz-transition-timing-function:linear;
/* Safari and Chrome */
-webkit-transition:line-height 0.1s;
-webkit-transition-timing-function:linear;
/* Opera */
-o-transition:line-height 0.1s;
-o-transition-timing-function:linear;
}
#tou2 ul #tou2lia{ background: #e60012;}
#tou2 ul #tou2lib{ background: #000000;}
#tou2 ul #tou2lic{ background: #009944;}

#type1a li{ width: 100%; padding: 9px 0; height: 35px; border: 1px dashed #9c8534;}
#type1a li .touxiang{height: 33px; width: 33px; padding: 4px 4px;}

#type2a li{ width: 100%; padding: 9px 0; height: 35px; border: 1px dashed #9c8534;}
#type2a li .touxiang{height: 33px; width: 33px; padding: 4px 4px;}





@media only screen and (min-width: 1100px) and (max-width: 1400px) {
	/*.head{width: 100%; height:50px;  font-size: 14px !important; }*/
	.cont_center{ float: left; width: 50%;margin:5px; height:100%; }
	.cont_left{ float: right;width:48%;margin:5px 5px 0 0; height:100%}	
	.ssdiv{ width: 130px !important; float: left; display: inline-block;}
	#souman{ height: 20px; margin-top: 8px; width: 50px;color: #FFFFFF;}	
	.cont_bg{width: 210px;  float: left;
			background-color:rgba(0,0,0,0.2);margin:5px; height: 100%; overflow: hidden;}
			/*.chatkj ul li{ float: left; width:80px !important; height: 50px;}
			.chatkj ul li img{ float: left; width: 70%;}*/
			.chatkj { height: 40px;}
		.chatkj p{ display: inline-block; width: 16%; margin: 0 2px; }
		.chatkj p img{ width: 100%;}
		#dz{ width: 8.7%;}
		#dd{ width: 8.7%;}
		#sh{width: 12%;}
	.sentchat{ height: 150px;}
	.sentbnt{ height:50px; width: 70px;font-size: 20px; line-height: 47px;margin-top: 20px;}
#thView{ width: 70%; height: 40px;}
#souman{ width: 100px;color: #FFFFFF;}

.head{ height: 45px;}
.head_left li{float: left;  margin:0 10px;padding: 5px}
.nav_m ul li{ padding: 8px 15px;float: left; font-size: 17px; display: block;}
}

@media only screen and (min-width: 1401px) and (max-width: 1600px) {
	.cont_center{ float: left; width: 46%;margin:5px; height:100%; }
	.cont_left{ float: right;width:50%;margin:5px; height:100%}	
	
	.chatkj p{ display: inline-block; width: 16%; margin: 0 2px; }
	.chatkj p img{ width: 100%;}
	#dz{ width: 8.7%;}
	#dd{ width: 8.7%;}
	#sh{width: 12%;}
		
	.sentbnt{ height:50px; width: 80px;font-size: 24px; line-height: 47px;margin-top:35px;}
	
	#thView{ width: 75%; margin-top: 20px;}
	
	.head{ height: 55px;}
.head_left li{float: left;  margin:0 10px;padding: 11px}
.nav_m ul li{ padding: 14px 15px;float: left; font-size: 18px; display: block;}
	
}

@media only screen and (min-width: 1601px) and (max-width: 1922px) {
	.cont_center{ float: left; width: 48%;margin:5px; height:100%; }
	.cont_left{ float: right;width:49.5%; height:100%}	
	
	.chatkj p{ display: inline-block; width: 16%; margin: 0 2px; }
		.chatkj p img{ width: 100%;}
		#dz{ width: 8.7%;}
		#dd{ width: 8.7%;}
		#sh{width: 12%;}
		
		/*.sentbnt{ height:66px; width: 90px;
 padding-top: 45px;}*/
#thView{ width: 75%; margin-top: 20px;}
	
}

@media only screen and (min-width: 1923px) {
	.cont_center{ float: left; width: 48.5%;margin:5px; height:100%; }
	.cont_left{ float: right;width:49%; height:100%}	
	.sentbnt{ height:50px; width: 90px;font-size: 24px; line-height: 47px;margin-top:15px;}
}

/*.cont_center{ float: left; width: 48%;margin:5px; height:100%; }*/
